<template>
  <panel class="borrow-money" title="借现金">
    <div class="container">
      <p class="p1">满易贷-最高可借额度(元)</p>
      <p class="p2">200,000.00</p>
      <p class="p3">30秒到账，按日计息，随借随还</p>
      <div class="btn apply">立即申请</div>
    </div>
  </panel>
</template>

<script>
import Panel from '@/components/core/panel.vue'

export default {
  components: {
    Panel
  }
}
</script>
<style lang="scss" scoped>
.borrow-money {
  .container {
    padding: 40px 30px;
    margin: 0px 30px 30px 30px;
    border: 1px solid #EEE;
    box-shadow: #ccc 0 0 3px 0px;
    position: relative;
    .p1 {
      color: #666;
      font-size: 25px;
      margin-bottom: 30px;
    }
    .p2 {
      color: #222;
      font-size: 50px;
      margin-bottom: 25px;
      font-weight: 700;
    }
    .p3 {
      color: #333;
      font-size: 25px;
      font-weight: 700;
    }
    .apply {
      position: absolute;
      right: 20px;
      top: 50%;
      font-size: 32px;
      line-height: 32px;
      background: #397BE6;
      color: #fff;
      padding: 20px 40px;
      border-radius: 40px;
      transform: translateY(-50%)
    }
  }
}
</style>
